import Vue from 'vue';
import Router from 'vue-router';
import Hello from '@/components/Hello';
import button from '@/view/ButtonView';
import loading from '@/view/LoadingView';
import ToastView from '@/view/ToastView';
import AlertView from '@/view/AlertView';
import ActionsheetView from '@/view/ActionsheetView';
import ModelView from '@/view/ModelView';
import cardView from '@/view/CardView';
import TabView from '@/view/TabView';
import switchView from '@/view/SwitchView';
import keyboard from '@/view/KeyboardView';
import Popup from '@/view/Popup';
import Datetime from '@/view/Datetime';
import PickerView from '@/view/PickerView';
import PopupView from '@/view/PopupView';
import Qrcode from '@/view/Qrcode';
import Photo from '@/view/Photo';
import SerchView from '@/view/SerchView';
import bottomView from '@/view/bottomView';
import bottomView1 from '@/view/bottomView1';
import bottomView2 from '@/view/bottomView2';
import bottomView3 from '@/view/bottomView3';
import noticeTipView from '@/view/noticeTipView';
import Title from '@/view/Title';
import titleTabs from '@/view/titleTabs';
import searchInformation from '@/view/searchInformation';
import list from '@/view/list';
import buttonExample from '@/view/buttonExample';
import selectButtonExampleOne from '@/view/selectButtonExampleOne';
import selectButtonExampleTwo from '@/view/selectButtonExampleTwo';
import stateTitle from '@/view/stateTitle';

import searchCustomer from '@/view/searchCustomers';

Vue.use(Router);

Vue.component('modal', {
  template: '#modal-template'
})

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    },
    {
      path: '/list',
      name: 'list',
      component: list
    },
    {

      path: '/stateTitle',
      name: 'stateTitle',
      component: stateTitle
    },
    {
      path: '/buttonExample',
      name: 'buttonExample',
      component: buttonExample
    },
    {
      path: '/selectButtonExampleOne',
      name: 'selectButtonExampleOne',
      component: selectButtonExampleOne

    },
    {
      path: '/selectButtonExampleTwo',
      name: 'selectButtonExampleTwo',
      component: selectButtonExampleTwo
    },
    {
      path: '/button',
      name: 'button',
      component: button
    },
    {
      path: '/loading',
      name: 'loading',
      component: loading
    },
    {
      path: '/AlertView',
      name: 'AlertView',
      component: AlertView
    },
    {
      path: '/ToastView',
      name: 'ToastView',
      component: ToastView
    },
    {
      path: '/ActionsheetView',
      name: 'ActionsheetView',
      component: ActionsheetView
    },
    {
      path: '/ModelView',
      name: 'ModelView',
      component: ModelView
    },
    {
      path: '/cardView',
      name: 'cardView',
      component: cardView
    },
    {
      path: '/TabView',
      name: 'TabView',
      component: TabView
    },
    {
      path: '/switchView',
      name: 'switchView',
      component: switchView
    },
    {
      path: '/keyboard',
      name: 'keyboard',
      component: keyboard
    },
    {
      path: '/Popup',
      name: 'Popup',
      component: Popup
    },{
      path: '/Datetime',
      name: 'Datetime',
      component: Datetime
    },{
      path: '/PickerView',
      name: 'PickerView',
      component: PickerView
    },{
      path: '/PopupView',
      name: 'PopupView',
      component: PopupView
    }
    ,{
      path: '/Qrcode',
      name: 'Qrcode',
      component: Qrcode
    },{
      path: '/Photo',
      name: 'Photo',
      component: Photo
    },{
      path: '/SerchView',
      name: 'SerchView',
      component: SerchView
    },{
      path: '/bottomView',
      name: 'bottomView',
      component: bottomView,
    },{
      path: '/bottomView1',
      name: 'bottomView1',
      component: bottomView1,
    },{
      path: '/bottomView2',
      name: 'bottomView2',
      component: bottomView2,
    }, {
      path: '/bottomView3',
      name: 'bottomView3',
      component: bottomView3,
    },{
      path: '/noticeTipView',
      name: 'noticeTipView',
      component: noticeTipView,

    },{
      path: '/Title',
      name: 'Title',
      component: Title,
    }
    ,{
      path: '/titleTabs',
      name: 'titleTabs',
      component: titleTabs,
    },
    {
      path: '/searchInformation',
      name: 'searchInformation',
      component: searchInformation
    },

  ]
})
